@import './theme-variables.scss';
/* Base css */
@import 'tailwindcss/base';

/* Components css */
@import 'tailwindcss/components';
@import './components/article.scss';
@import './components/sidebar-box.scss';
@import './components/search-modal.scss';

/* Utilities css */
@import 'tailwindcss/utilities';

@import './transitions.scss';

/* 自定义CSS */
@import 'global/root.css';
@import 'article/post.css';
@import "home/home.css";
@import "photo/album.css";

.stroke-ob-bright {
  stroke: var(--text-bright);
}

.diamond-clip-path {
  clip-path: polygon(50% 3%, 91% 25%, 91% 75%, 50% 97%, 9% 75%, 9% 25%);
  background: var(--background-trans);
}

.diamond-icon {
  @apply w-12 h-12 text-xl flex items-center justify-center transition cursor-pointer;
}

.diamond-clip-path.diamond-icon:hover a {
  color: var(--color);
}

.is-collapsible {
  max-height: 1000px;
  overflow: hidden;
  transition: all 300ms ease-in-out;
}

.is-collapsed {
  max-height: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-title);
  font-weight: var(--font-weight-title);
  letter-spacing: var(--font-spacing);
}

a {
  color: hsl(var(--font-color) / var(--font-alpha));
  outline: 0;
  text-decoration: none;
  transition: .7s;
}
h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1.1rem;
}
